<!DOCTYPE HTML>
<html>

<head>
	<link rel="bookmark"  type="image/x-icon"  href="https://api.vercel.com/now/files/57dbce39c99b5c73e5c7f933a3d4bf1694fd1e41999e4d9f08a96a87733f5940/LogoMakr-6bamev.png"/>
	<link rel="shortcut icon" href="https://api.vercel.com/now/files/57dbce39c99b5c73e5c7f933a3d4bf1694fd1e41999e4d9f08a96a87733f5940/LogoMakr-6bamev.png">
	
			    <title>
    Fly's Blog
    </title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
    <link rel="stylesheet" href="/css/mic_main.css" />
    <link rel="stylesheet" href="/css/dropdownMenu.css" />
    <meta name="keywords" content="miccall" />
    <script data-ad-client="ca-pub-4558202898504715" async     src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    
    	<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
	 
    <noscript>
        <link rel="stylesheet" href="/css/noscript.css" />
    </noscript>
    <style type="text/css">
        body:before {
          content: ' ';
          position: fixed;
          top: 0;
          background: url('/img/bg.jpg') center 0 no-repeat;
          right: 0;
          bottom: 0;
          left: 0;
          background-size: cover; 
        }
    </style>

			    
  
    <script type="text/x-mathjax-config">
      MathJax.Hub.Config({
        tex2jax: {
          inlineMath: [ ['$','$'], ["\\(","\\)"]  ],
          processEscapes: true,
          skipTags: ['script', 'noscript', 'style', 'textarea', 'pre', 'code']
        }
      });
    </script>

    <script type="text/x-mathjax-config">
      MathJax.Hub.Queue(function() {
        var all = MathJax.Hub.getAllJax(), i;
        for (i=0; i < all.length; i += 1) {
          all[i].SourceElement().parentNode.className += ' has-jax';
        }
      });
    </script>
    <script async type="text/javascript" src="//cdn.bootcss.com/mathjax/2.7.1/latest.js?config=TeX-AMS-MML_HTMLorMML"></script>
  


    <script src="/js/jquery.min.js"></script>
    <script src="/js/jquery.scrollex.min.js"></script>
    <script src="/js/jquery.scrolly.min.js"></script>
    <script src="/js/skel.min.js"></script>
    <script src="/js/util.js"></script>
    <script src="/js/main.js"></script>
	
<meta name="generator" content="Hexo 5.4.0"></head>
    
		
<!-- Layouts -->



<!--  代码渲染  -->
<link rel="stylesheet" href="/css/prism_coy.css" />
<link rel="stylesheet" href="/css/typo.css" />
<!-- 文章页 -->
<body class="is-loading">
    <!-- Wrapper 外包 s-->
    <div id="wrapper" class="fade-in">
        <!-- Intro 头部显示 s -->
        <!-- Intro 头部显示 e -->
        <!-- Header 头部logo start -->
        <header id="header">
    <a href="/" class="logo">Fly's Blog</a>
</header>
        <!-- Nav 导航条 start -->
        <nav id="nav" class="special" >
            <ul class="menu links" >
			<!-- Homepage  主页  --> 
			<li >
	            <a href="/" rel="nofollow">主页</a>
	        </li>
			<!-- categories_name  分类   --> 
	        
	        <li class="active">
	            <a href="#s1">分类</a>
	                    <ul class="submenu">
	                        <li>
	                        <a class="category-link" href="/categories/Welcome/">Welcome</a></li><li><a class="category-link" href="/categories/hexo/">hexo</a></li><li><a class="category-link" href="/categories/%E5%AD%A6%E4%B9%A0/">学习</a></li><li><a class="category-link" href="/categories/%E5%AD%A6%E4%B9%A0/NLP/">NLP</a></li><li><a class="category-link" href="/categories/%E5%AD%A6%E4%B9%A0/git/">git</a></li><li><a class="category-link" href="/categories/%E5%AD%A6%E4%B9%A0/%E5%8D%9A%E5%AE%A2/">博客</a></li><li><a class="category-link" href="/categories/%E5%AD%A6%E4%B9%A0/%E5%8D%9A%E5%AE%A2/Netch/">Netch</a></li><li><a class="category-link" href="/categories/%E5%AD%A6%E4%B9%A0/%E5%8D%9A%E5%AE%A2/VUE/">VUE</a></li><li><a class="category-link" href="/categories/%E5%AD%A6%E4%B9%A0/%E6%95%B0%E5%AD%A6%E5%BB%BA%E6%A8%A1/">数学建模</a></li><li><a class="category-link" href="/categories/%E6%B1%87%E7%BC%96/">汇编</a></li><li><a class="category-link" href="/categories/%E7%BD%91%E7%9B%98/">网盘</a>
	                    </ul>
	        </li>
	        
	        <!-- archives  归档   --> 
	        
	        
		        <!-- Pages 自定义   -->
		        


            </ul>
            <!-- icons 图标   -->
			<ul class="icons">
                    
                    <li>
                        <a title="github" href="https://github.com/yu2256140203" target="_blank" rel="noopener">
                            <i class="icon fa fa-github"></i>
                        </a>
                    </li>
                    
                    <li>
                        <a title="500px" href="http://500px.com" target="_blank" rel="noopener">
                            <i class="icon fa fa-500px"></i>
                        </a>
                    </li>
                    
			</ul>
</nav>

        <div id="main" >
            <div class ="post_page_title_img" style="height: 25rem;background-image: url(https://api.vercel.com/now/files/5ec04673f8796e140e7ba2ee8dfa068bf7f02fc1e87191dfa1075e15600c749a/qing-ren-jie-mu-xin-zang-qiangzhi-13372_L%5B1%5D.jpg);background-position: center; background-repeat:no-repeat; background-size:cover;-moz-background-size:cover;overflow:hidden;" >
                <a href="#" style="padding: 4rem 4rem 2rem 4rem ;"><h2 >浅谈文章图片存储</h2></a>
            </div>
            <!-- Post -->
            <div class="typo" style="padding: 3rem;">
                <h1 id="博客分类"><a href="#博客分类" class="headerlink" title="博客分类"></a>博客分类</h1><p>首先，我认为博客分为两种动态博客和静态博客。✔</p>
<h2 id="动态博客"><a href="#动态博客" class="headerlink" title="动态博客"></a>动态博客</h2><p>​      动态博客相对而言图片的储存和更改比较灵活。本身具有自己的后台管理，以及随时可以更改的数据库和云端，可以使网页在UI的操作下，进行删改变换，当然由于服务器存在于地理位置，带宽，不同的博客管理网站大小的区别，导致后台网页的加载速度有时不是很理想。最简单通俗的就是wordpress和typecho的区别，wordpress是公认的占据资源大，加载速度慢的博客源码，但很多都因为它的功能多样，并且在全球站长的一起努力下，创造出各式各样的网站主题，也就成为了世界最多人使用的博客网站，但相比较而且，typecho占用内存小，功能简洁轻便，主题和插件也比较全面，越来越多的人倾向于类似的小型源码。💖</p>
<h2 id="静态博客"><a href="#静态博客" class="headerlink" title="静态博客"></a>静态博客</h2><p>​      反观静态博客，静态博客最简单的就是一种自己写的H5+CSS的网页。<br>​      没有动态变换的JS，让网页的加载会比动态博客速度快一下，配上源码压缩，Cache缓存，以及CDN加速会让自己的网站在GoogleSpeed测试取得一个相对不错的成绩。没有了直观易懂的后台管理，对于网站的主题和布局，以及文章的增改，只能通过对于文章的markdown文件和一些yml等文件进行源码改动，这种偏于计算机专业化的方式，令很多的人阻挡在了静态博客门栏。😫<br>​       静态博客发展至今，Jekyll,hugo,hexo等大量的网站模板和主题，可供我们使用，搭配上Typora，Atom，Github desktop等软件的加持，终究让只能在源码层面和控制台层面操作的东西，有了部分UI画面的加持（编者很讨厌只有黑框框的控制台），也让我们在编写文章和上传更改上，变得更加得心应手起来。</p>
<h2 id="图片直接上传到云端"><a href="#图片直接上传到云端" class="headerlink" title="图片直接上传到云端"></a>图片直接上传到云端</h2><p>​     具备良好的控制界面和UI后台管理可以在UI界面上，很轻松的上传我们喜欢的图片到云端。<br>​     如果只是上传到我们的云服务器页面，那就要考量是否我们的服务器带宽可以承受的住这种图片加载的压力。例如一个简单的2M图片，在1M带宽的阿里云服务器进行加载会消耗两到三秒，但再加载CSS,JS,H5等资源，网页的最终加载速度是一个很不理想的情况。相对的，如果再把图片换成视频，那加载大型的视频，将会是极其漫长的等待。</p>
<h1 id="文章中图片储存的几种方式"><a href="#文章中图片储存的几种方式" class="headerlink" title="文章中图片储存的几种方式"></a>文章中图片储存的几种方式</h1><h2 id="1-将图片直接储存在云服务器里"><a href="#1-将图片直接储存在云服务器里" class="headerlink" title="1.将图片直接储存在云服务器里"></a>1.将图片直接储存在云服务器里</h2><p>​    图片储存在云服务器里就要提到刚才所说的那种云服务器带宽限制的问题。<br>​    相比较带宽较小的1M和5M的小水管服务器，还不如使用轻量服务器的国外服务器，带宽30M，加载图片和视频更加的得心应手。当然如果图片实在过大，30M的带宽也会有捉襟见肘的时候。</p>
<h2 id="2-将图片压缩"><a href="#2-将图片压缩" class="headerlink" title="2.将图片压缩"></a>2.将图片压缩</h2><p>​     现在wps等多种专业的工具可以提供给我们，在保留图片细节的前提下，让图片的大小尽可能的减小，使我们可以更快的加载图片，当然在GitHub上也有叫做imgrobots的工具，实时将我们的图片压缩。</p>
<h2 id="3-图床"><a href="#3-图床" class="headerlink" title="3.图床"></a>3.图床</h2><p>​     图片的压缩还是不可以改变带宽的陋病，我们的服务器终究会出现带宽动荡，加载偶现变慢的问题。为了解决这一问题，我们开始将想法转向图床这一个概念。</p>
<p>​     首先，什么是图床。</p>
<blockquote><p>图床一般是指储存图片的服务器，有国内和国外之分。 国外的图床由于有空间距离等因素决定访问速度很慢影响图片显示速度。 国内也分为单线空间、多线空间和cdn加速三种。</p>
<footer><strong>百度 </strong><cite>图床</cite></footer></blockquote>

<p>​     那么可以供我们使用的图床，可以分为下面的这几种。</p>
<h3 id="1-市面上存在的第三方图床"><a href="#1-市面上存在的第三方图床" class="headerlink" title="1.市面上存在的第三方图床"></a>1.市面上存在的第三方图床</h3><p>  <img src="https://img-blog.csdnimg.cn/20210318092653725.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1ODkzNTkx,size_16,color_FFFFFF,t_70" alt="图床"></p>
<p>这种第三方图床，在知乎和百度的搜索中，都有很多人来介绍和讨论过了，它的好处就是不再局限于自己服务器的带宽大小，使用的是别人专属用来储存和加载图片用的服务器，CDN和https相对完备，甚至还有各种格式和文件大小的裁剪。</p>
<p>但这种图床的缺点，也是并不可以忽视的，第三方的图床，我们需要值得注意：</p>
<p>1.不能将自己比较私人，和暴露个人信息的照片放在上面，避免可能出现的照片被泄露曝光，而且第三方的东西，本身就像是小白云盘那样，没有人知道，是不是用来贩卖和收集资源，用来钓鱼使用的。</p>
<p>2.我们在选择第三方图床时也应该注意图床的维持时间，避免可能存在的图床网站的倒闭，到时候，站长删库跑路，我们的所有照片都付水东流，更重要的还是自己的所有文章，没有照片的文章，必然会少了大部分的流量。我比较推荐的几款不错的图床路过和sm.ms这两款图床的呼声一直还是比较高的，而且加载速度还是很客观的，个人在使用sm.ms的图床，使用起来效果还不错，国内的loli镜像ip被墙的也较少。</p>
<p>但是还是会在流量高峰期的时候，会出现图片加载较慢，甚至是加载不出的可能性。所以图床的选取请谨慎使用。</p>
<h3 id="2-阿里云OSS和腾讯云COS"><a href="#2-阿里云OSS和腾讯云COS" class="headerlink" title="2.阿里云OSS和腾讯云COS"></a>2.阿里云OSS和腾讯云COS</h3><blockquote>
<p>OSS具有与平台无关的RESTful API接口，您可以在任何应用、任何时间、任何地点存储和访问任意类型的数据。</p>
<p>您可以使用阿里云提供的API、SDK接口或者OSS迁移工具轻松地将海量数据移入或移出阿里云OSS。数据存储到阿里云OSS以后，您可以选择标准存储（Standard）作为移动应用、大型网站、图片分享或热点音视频的主要存储方式，也可以选择成本更低、存储期限更长的低频访问存储（Infrequent Access）、归档存储（Archive）、冷归档存储（Cold Archive）作为不经常访问数据的存储方式。</p>
</blockquote>
<p>   阿里云的OSS和腾讯云的COS作为专业的储存工具，具有两大企业专业的带宽和分布式储存，在负载均衡方面，较为优异。亲测图片秒开，即使是较大内存的视频，也可以在短时间内打开，称得上是让人满意。但是有一个值得注意的一点，所有的外部流出流量和CDN回源都是需要付费的（有钱可以跳过这个），我们知道相同地域的OSS内网访问流量都是免费的，我们可以将在相同地域的服务器和OSS进行Nginx内网穿透，做到模仿访问内部流量的程度，这样我们可以只需要使用9元/年的储存套餐，就可以比较不错的使用OSS的储存功能，但是，但是，但是！最终我调试完后发现，内网穿透后的资源最终还是通过服务器的带宽输出出来，所以终究不可避免的，由于服务器带宽过小，使得图片还是加载不出来，但是这样的方式，适配那种服务器带宽高，并且服务器内存小，我们就可以不拓展硬盘，使用OSS来储存。当然我们可以不使用内网穿透，只是用外链的话，只要把防盗链的方式做好，不被爬取到图片的外链，也就不会产生大量的其他流量，用界内一直逗笑说的话就是”OSS用了，会刷掉自己的一栋楼“，看似可笑，但是在互联网飞速的至今，不得不提防。</p>
<h3 id="3-利用Github-Vercel-Gitee-CloudFlare"><a href="#3-利用Github-Vercel-Gitee-CloudFlare" class="headerlink" title="3.利用Github,Vercel,Gitee,CloudFlare"></a>3.利用Github,Vercel,Gitee,CloudFlare</h3><p>大家都知道，在Git仓库中储存的图片都是有自己的外链的，比如GitHub</p>
<p><img src="https://img-blog.csdnimg.cn/20210318095111519.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1ODkzNTkx,size_16,color_FFFFFF,t_70" alt="在这里插入图片描述"></p>
<p>这种raw的域名图片，在国内已经被墙的无法使用了，那么有些聪明的人就开始寻找别的，可以使用的方式，我们都知道静态博客的部署，只用Github Pages是特别慢的，但我们可以利用Vercel，CloudFlare Pages(Beta，最近新出的，测试效果不是很理想)。Vercel把图片在Github的仓库里下载下来后，放在了自己的一个云端，将这些静态的资源进行部署，实现了搭建静态博客，当我们更新GitHub仓库的内容后，Vercel就会再次更新云端的镜像内容，实现自动部署。那么我们在Github仓库中储存的图片,到了Vercel里其实已经更改了图片加载的服务器，那么我们就可以将一个Github仓库只放图片，然后用Vercel将这个仓库进行部署，得到的部署页面后，按照下面的方式就可以找到图片的外链啦😂<br><img src="https://img-blog.csdnimg.cn/20210318095827743.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1ODkzNTkx,size_16,color_FFFFFF,t_70" alt="在这里插入图片描述"></p>
<p>这样得到一个图片的外链</p>
<figure class="highlight"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">https://api.vercel.com/now/files/5ec04673f8796e140e7ba2ee8dfa068bf7f02fc1e87191dfa1075e15600c749a/qing-ren-jie-mu-xin-zang-qiangzhi-13372_L%5B1%5D.jpg</span><br></pre></td></tr></table></figure>

<p>Vercel在国内的打开速度表现还是很出色的，这样的一张图片，可以做到秒开。</p>
<p>当然不只Vercel这一种，还有Coding,CloudFlare Pages，Gitee Pages等多种可以这样做的。</p>
<p>我们可以再结合Github的API功能，实现不需要打开Github而上传图片，文章如下（不太建议使用）</p>
<p><a target="_blank" rel="noopener" href="https://stong-chen.github.io/2018/11/06/%E4%BD%BF%E7%94%A8github%E7%9A%84api%E4%B8%8A%E4%BC%A0%E6%96%87%E4%BB%B6%E5%88%B0%E9%A1%B9%E7%9B%AE22/">使用github的api上传文件到项目</a></p>
<h3 id="4-利用CSDN等可以使用Markdown书写文章的博客网站"><a href="#4-利用CSDN等可以使用Markdown书写文章的博客网站" class="headerlink" title="4.利用CSDN等可以使用Markdown书写文章的博客网站"></a>4.利用CSDN等可以使用Markdown书写文章的博客网站</h3><p>CSDN是一个码农聚集的地方，有着对于码农来说很友善的功能和特点。它的创作中心可以用来书写博客，而我最喜欢的就是可以直接将图片在粘贴板上直接粘贴进CSDN的网页界面里，在CSDN的面板上，会有一个外链，我们将外链复制出来，就可以粘贴在自己的任何一个Markdown文章界面啦。</p>
<p><img src="https://img-blog.csdnimg.cn/2021031810221317.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1ODkzNTkx,size_16,color_FFFFFF,t_70" alt="在这里插入图片描述"></p>
<figure class="highlight"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">![在这里插入图片描述](https://img-blog.csdnimg.cn/20210318095111519.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1ODkzNTkx,size_16,color_FFFFFF,t_70)</span><br></pre></td></tr></table></figure>

<p>这样的方式永久的储存在CSDN的云端上，如果我们不放心，可以将这篇文章在静态博客发表的同时，也在CSDN储存一份，避免日后被CSDN删除图片。<br>这样的方式，我们有很多，比如QQ空间，QQ收藏，新浪微博，哔哩哔哩等等。</p>
<h2 id="视频床和音频床"><a href="#视频床和音频床" class="headerlink" title="视频床和音频床"></a>视频床和音频床</h2><p>既然对于图床谈论了这么久，那么图片有图床，视频会不会也有自己的视频床呢。<br>其实显而易见，哔哩哔哩，腾讯视频等网站，都是可以作为我们的视频床，每一个网站都是有自己的外部分享链接的。</p>
<p>比如</p>
<p><img src="https://img-blog.csdnimg.cn/20210318101307320.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1ODkzNTkx,size_16,color_FFFFFF,t_70" alt="在这里插入图片描述"></p>
<p>那么音频床呢，相同的，网易云等音乐网站，很愿意让我们的博客为他们打广告，也是可以有外链的，<br>当然不支持付费音乐哈。</p>
<h1 id="结语"><a href="#结语" class="headerlink" title="结语"></a>结语</h1><p>这就是我长时间对于博客的图片，视频和音乐嵌入的摸索，如有不对的地方还请见谅。<br>图片的嵌入多种多样，但终究是文章的内容吸引人更重要，图片是一种辅助的作用。注意不要丢失图片，不要让想看你博客的人，等待加载的时间太久哦~~😊</p>

            </div>

            <!-- Post Comments -->
            
    <!-- 使用 DISQUS_CLICK -->
<div id="disqus-comment">
    <div id="disqus_thread"></div>

<!-- add animation -->
<style>
	.disqus_click_btn {
            line-height: 30px;
            margin: 0;
            min-width: 50px;
            padding: 0 14px;
            display: inline-block;
            font-family: "Roboto", "Helvetica", "Arial", sans-serif;
            font-size: 14px;
            font-weight: 400;
            text-transform: uppercase;
            letter-spacing: 0;
            overflow: hidden;
            will-change: box-shadow;
            transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1);
            outline: 0;
            cursor: pointer;
            text-decoration: none;
            text-align: center;
            vertical-align: middle;
            border: 0;
            background: rgba(158, 158, 158, .2);
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
            color: #fff;
            background-color: #7EC0EE;
            text-shadow: 0
        }
</style>
	
<div class="btn_click_load" id="disqus_bt"> 
    <button class="disqus_click_btn">点击查看评论</button>
</div>

<!--
<script type="text/javascript">
$('.btn_click_load').click(function() {
    /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
    var disqus_shortname = 'http-miccall-tech'; // required: replace example with your forum shortname

    /* * * DON'T EDIT BELOW THIS LINE * * */
    (function() {
      var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
      dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
      (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
    })();

    document.getElementById('disqus_bt').style.display = "none";
});
</script>
-->
<script type="text/javascript">
    var disqus_config = function () {
        this.page.url = 'http://example.com/2021/03/18/%E6%B5%85%E8%B0%88%E6%96%87%E7%AB%A0%E5%9B%BE%E7%89%87%E5%AD%98%E5%82%A8/';  // Replace PAGE_URL with your page's canonical URL variable
        this.page.identifier = 'http://example.com/2021/03/18/%E6%B5%85%E8%B0%88%E6%96%87%E7%AB%A0%E5%9B%BE%E7%89%87%E5%AD%98%E5%82%A8/'; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
    };
</script>

<script type="text/javascript">
    $('.btn_click_load').click(function() {  //click to load comments
        (function() { // DON'T EDIT BELOW THIS LINE
            var d = document;
            var s = d.createElement('script');
            s.src = '//http-miccall-tech.disqus.com/embed.js';
            s.setAttribute('data-timestamp', + new Date());
            (d.head || d.body).appendChild(s);
        })();
        $('.btn_click_load').css('display','none');
    });
</script>
</div>
<style>
    #disqus-comment{
        background-color: #eee;
        padding: 2pc;
    }
</style>


        </div>
        <!-- Copyright 版权 start -->
                <div id="copyright">
            <ul>
                <li>&copy;Powered By <a target="_blank" rel="noopener" href="https://hexo.io/zh-cn/" style="border-bottom: none;">hexo</a></li>
                <li>Design: <a target="_blank" rel="noopener" href="http://miccall.tech " style="border-bottom: none;">miccall</a></li>
            </ul>
            
                <span id="busuanzi_container_site_pv">本站总访问量<span id="busuanzi_value_site_pv"></span>次</span>
			
       <li>「Powered by <a data-from="10680" href="https://webify.cloudbase.net/" target="_blank" rel="nofollow noopener noreferrer">CloudBase Webify</a>」</li>
        </div>
    </div>
</body>



 	
</html>
